import React from "react";
import { ConfigProvider, Watermark } from "antd";
import zhCN from "antd/lib/locale/zh_CN";

const WatermarkPage: React.FC = () => {
  const watermarkContent = Array.from(
    { length: 10 },
    (_, index) => `机密文件 - ${index + 1}`
  );

  return (
    <ConfigProvider locale={zhCN}>
      <div className="min-h-screen bg-gray-100 p-8">
        <h1 className="text-3xl font-bold text-center mb-8">水印示例页面</h1>
        <Watermark
          content={watermarkContent}
          className="h-full w-full"
          style={{
            fontSize: 16,
            color: "rgba(0, 0, 0, 0.2)",
          }}
        >
          <div className="bg-white p-6 rounded-lg shadow-md">
            <h2 className="text-xl font-semibold mb-4">文档内容</h2>
            <p className="text-gray-700 mb-4">
              这是一份机密文档，包含重要的商业信息和技术细节。请确保在查看和处理此文档时遵守公司的保密政策。
            </p>
            <p className="text-gray-700 mb-4">
              任何未经授权的复制、传播或泄露都可能导致严重的法律后果。如果你不再需要此文档，请妥善销毁。
            </p>
            <p className="text-gray-700">
              感谢你的合作与理解，如有任何疑问，请联系我们的保密专员。
            </p>
          </div>
        </Watermark>
      </div>
    </ConfigProvider>
  );
};

export default WatermarkPage;
